<!DOCTYPE html>
<html lang="zh">

<head>
	<link rel="icon" href="https://qzonestyle.gtimg.cn/aoi/img/logo/favicon.ico">
	<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>QQ空间备份-日志日记</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="https://cdn.staticfile.org/bootstrap/4.6.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://cdn.staticfile.org/lightgallery/2.3.0/css/lightgallery.min.css">
	<link rel="stylesheet" href="https://cdn.staticfile.org/lightgallery/2.3.0/css/lightgallery-bundle.min.css">
	<link rel="stylesheet" type="text/css" href="../Common/css/common.css">
	<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/bootstrap/4.6.1/js/bootstrap.bundle.min.js"></script>
	<script src="https://cdn.staticfile.org/lodash.js/4.17.21/lodash.min.js"></script>
	
	<script src="https://cdn.staticfile.org/lightgallery/2.3.0/lightgallery.min.js"></script>
	<script src="https://cdn.staticfile.org/lightgallery/2.3.0/plugins/zoom/lg-zoom.min.js"></script>
	<script src="https://cdn.staticfile.org/lightgallery/2.3.0/plugins/video/lg-video.min.js"></script>
	<script src="https://cdn.staticfile.org/lightgallery/2.3.0/plugins/thumbnail/lg-thumbnail.min.js"></script>
	<script src="https://cdn.staticfile.org/lightgallery/2.3.0/plugins/rotate/lg-rotate.min.js"></script>
	<script src="https://cdn.staticfile.org/lightgallery/2.3.0/plugins/fullscreen/lg-fullscreen.min.js"></script>
	<script src="https://cdn.staticfile.org/lightgallery/2.3.0/plugins/comment/lg-comment.min.js"></script>
	<script src="https://cdn.staticfile.org/lightgallery/2.3.0/plugins/autoplay/lg-autoplay.min.js"></script>
	
	<script src="https://fastly.jsdelivr.net/npm/template_js@2.2.1/dist/index.aio.min.js" integrity="sha256-gnK+GsIXEBgu/mJouMDtUxXvXM3M0jzxNYmjnlsifgY=" crossorigin="anonymous"></script>
	<script src="https://www.lvshuncai.com/custom/js/clicklove.min.js"></script>
	
	<script type="text/javascript" src="json/diaries.js"></script>
	<script type="text/javascript" src="../Common/js/common.js"></script>
	<script type="text/javascript" src="js/diaryinfo.js"></script>
</head>

<body>
	<header>
		<nav class="navbar navbar-expand-lg navbar-dark fixed-top bg-dark">
			<a class="navbar-brand" target="_blank" href="https://github.com/ShunCai/QZoneExport">QQ空间导出助手</a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<nav aria-label="breadcrumb">
					<ol class="breadcrumb bg-dark">
						<li class="breadcrumb-item"><a href="../index.html">个人中心</a></li>
						<li class="breadcrumb-item"><a href="index.html">私密日记</a></li>
						<li class="breadcrumb-item active" aria-current="page">日记详情</li>
					</ol>
				</nav>
			</div>
		</nav>
	</header>
	<main role="main">
		<div class="container py-5 mt-3" style="max-width: 920px;">
			<div id="blog_info" class="text-center">
				<h2 id="blog_title" class="text-warning">日记标题</h2>
				<div>
					<span id="blog_time" class="text-muted">发布时间</span>
				</div>
			</div>
			<article id="blog_content" class="mt-3 p-2">
				日记内容
			</article>
			<div id="comments_html">
				<script id="comments_tpl" type="text/html">
					<h5 class="mt-3">评论
						<span class="badge badge-primary badge-pill"><%:=blog.comments && blog.comments.length || 0%></span>
						<span class="text-primary p-1 float-right fa fa-thumbs-up mr-2 cursor viewlikes" title="查看点赞" data-field="blogid" data-target="<%:=blog.blogid%>"><%:=blog.likeTotal || 0 %></span>
						<span class="text-primary p-1 float-right fa fa-eye mr-2 cursor viewVisitors" title="最近访问" data-field="blogid" data-target="<%:=blog.blogid%>"><%:=blog.custom_visitor && blog.custom_visitor.viewCount || 0 %></span>
					</h5>
					<%/* 评论 */%>
					<%/* 遍历评论 */%>
					<%if(blog.comments){%>
						<%for (let index = 0; index < blog.comments.length; index++) {%>
							<%const comment = blog.comments[index];%>
							<hr>
							<div class="comments mt-2">
								<div class="comment">
									<div class="d-flex justify-content-start ">
										<div class="comment-avatar">
											<a class="avatar p-0 m-0" target="_blank" href="<%:=API.Common.getUserUrl(comment.poster && comment.poster.id || comment.uin)%>">
												<img class="lazyload loading w-100 h-100 border rounded-circle" src="<%:=API.Common.getUserLogoUrl(comment.poster && comment.poster.id || comment.uin)%>" >
											</a>
										</div>
										<div class="comment-infos ml-2">
											<a target="_blank" href="<%:=API.Common.getUserUrl(comment.poster && comment.poster.id || comment.uin)%>">
												<span><%:=API.Common.formatContent(comment.poster && comment.poster.name || comment.name)%></span>
											</a>
											<%if(comment.private){%>
												<span class="text-warning"> 私密评论 </span>
											<%}%>
											<span class="border-warning border rounded text-warning small p-1" title="当前楼层">#<%:=index + 1 %></span>
											<div class="text-muted small"><%:=API.Utils.formatDate(comment.postTime || comment.create_time)%></div>
										</div>
									</div>
									<div class="comment-text">
										<div class="messageText">
											<p><%:=API.Common.formatContent(comment.content)%></p>
											<%if(comment.pic){%>
												<div class="comment-lightgallery">
													<%for (let cmIdx = 0; cmIdx < comment.pic.length; cmIdx++) {%>
														<%const image = comment.pic[cmIdx];%>
														<a class="comment-img-lightbox" data-idx="<%:=cmIdx%>" data-sub-html="<%:=API.Common.formatContent(comment.content)%>"
															data-src="<%:=(image.custom_filepath || image.custom_url || image.o_url || image.hd_url || image.b_url || image.s_url || image.url)%>">
															<img src="<%:=(image.custom_filepath || image.custom_url || image.o_url || image.hd_url || image.b_url || image.s_url || image.url)%>" class="comment-img img-thumbnail">
														</a>
													<%}%>
												</div>
											<%}%>
										</div>
										<% const replies = comment.replies || comment.list_3 || []%>
										<%if(replies.length > 0){%>
											<%for(const reply of replies){%>
												<div class="comments">
													<div class="comment">
														<div class="d-flex justify-content-start">
															<div class="comment-avatar">
																<a class="avatar p-0 m-0 " target="_blank" href="<%:=API.Common.getUserUrl(reply.poster && reply.poster.id || reply.uin)%>">
																	<img class="lazyload loading w-100 h-100 border rounded-circle" src="<%:=API.Common.getUserLogoUrl(reply.poster && reply.poster.id || reply.uin)%>">
																</a>
															</div>
															<div class="comment-infos ml-2">
																<a target="_blank" href="<%:=API.Common.getUserUrl(reply.poster && reply.poster.id || reply.uin)%>">
																	<span><%:=API.Common.formatContent(reply.poster && reply.poster.name || reply.name)%></span>
																</a>
																<%if(reply.private){%>
																	<span class="text-warning"> 私密回复 </span>
																<%}%>
																<div class="text-muted small"><%:=API.Utils.formatDate(reply.postTime || reply.create_time)%></div>
															</div>
														</div>
														<div class="comment-text">
															<div class="messageText">
																<p><%:=API.Common.formatContent(reply.content)%></p>
																<%if(reply.pic){%>
																	<div class="comment-lightgallery">
																		<%for (let cmIdx = 0; cmIdx < reply.pic.length; cmIdx++) {%>
																			<%const image = reply.pic[cmIdx];%>
																			<a class="comment-img-lightbox" data-idx="<%:=cmIdx%>" data-sub-html="<%:=API.Common.formatContent(comment.content)%>" 
																				data-src="<%:=(image.custom_filepath || image.custom_url || image.o_url || image.hd_url || image.b_url || image.s_url || image.url)%>">
																				<img src="<%:=(image.custom_filepath || image.custom_url || image.o_url || image.hd_url || image.b_url || image.s_url || image.url)%>" class="comment-img img-thumbnail">
																			</a>
																		<%}%>
																	</div>
																<%}%>
															</div>
														</div>
													</div>
												</div>
											<%}%>
										<%}%>
									</div>
								</div>
							</div>
						<%}%>
					<%}%>
				</script>
			</div>
		</div>
	</main>
</body>

</html>